<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <meta charset="UTF-8">
    <title>模拟实名认证登陆</title>

    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div class="content" style="width: 100%;">
    <form name="loginForm" style="width: 100%;" action="/index">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell__primary">
                    身份证号
                </div>
                <div class="weui-cell__ft" style="flex: 2;">
                    <input name="IdNum" class="weui-input normal_input"
                           placeholder="请输入登录人身份证号"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell__primary">
                    登录人姓名
                </div>
                <div class="weui-cell__ft" style="flex: 2;">
                    <input name="RealName" class="weui-input normal_input" placeholder="请输入登录人姓名"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell__primary">
                    手机号码
                </div>
                <div class="weui-cell__ft" style="flex: 2;">
                    <input name="AcountId" class="weui-input normal_input"
                           placeholder="请输入登录人手机号码"/>
                    <input type="hidden" name="lat" value="37.538390" id="lat"/>
                    <input type="hidden" name="lng" value="121.404360" id="lng"/>
                </div>
            </div>
        </div>
        <div>
            <div class="button_area">
                <input type="submit" class="weui-btn weui-btn_primary" value="登录"/>
            </div>
        </div>
    </form>
</div>
<div class="footer">


</div>
<script>
    var startLat1 = 37.547436;
    var startLng1 = 121.366739;
    var endLat1 = 37.530693;
    var endLng1 = 121.404934;
    var startLat2 = 37.476357;
    var startLng2 = 121.432829;
    var endLat2 = 37.429887;
    var endLng2 = 121.468792;

    $(document).ready(function () {
        var random1 = Math.random();
        var random2 = Math.random();
        var random3 = Math.random();
        var startLat, startLng, endLat, endLng;
        if (random1 <= 0.5) {
            startLat = startLat1;
            startLng = startLng1;
            endLat = endLat1;
            endLng = endLng1;
        }
        else{
            startLat = startLat2;
            startLng = startLng2;
            endLat = endLat2;
            endLng = endLng2;
        }
        var lat = startLat+(endLat-startLat)*random2;
        var lng = startLng+(endLng-startLng)*random3;
        $("#lat").val(lat);
        $("#lng").val(lng);
    });
</script>
</body>
</html>